<div class="page" ng-controller="nuevoProyec">
    <section class="panel panel-defult">
        <div class="panel-body">
            <div class="col-md-10 col-md-offset-1">
                <form class="form-horizontal">
                    <div class="form-group">
                        <label>Proyecto</label>
                        <input type="text" placeholder="Nombre del proyecto" class="form-control" ng-model="nombreProyecto">
                    </div>
                </form>
                <form class="form-horizontal">
                    <div class="form-group">
                        <label>Descripción</label>
                        <textarea class="form-control" ng-model="descripcionProyecto">
                        </textarea>
                    </div>
                </form>
                <!--form class="form-horizontal">
                    <div class="form-group">
                        <table class="table table-striped table-responsive">
                            <thead>
                                <tr>
                                     <th><div class="th">
                                        N°
                                        <span class="fa fa-angle-up"
                                              data-ng-click=" order('name') "
                                              data-ng-class="{active: row == 'name'}"></span>
                                        <span class="fa fa-angle-down"
                                              data-ng-click=" order('-name') "
                                              data-ng-class="{active: row == '-name'}"></span>
                                    </div></th>     
                                    <th><div class="th">
                                        Variable
                                        <span class="fa fa-angle-up"
                                              data-ng-click=" order('name') "
                                              data-ng-class="{active: row == 'name'}"></span>
                                        <span class="fa fa-angle-down"
                                              data-ng-click=" order('-name') "
                                              data-ng-class="{active: row == '-name'}"></span>
                                    </div></th>                   
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td></td>
                                    <td></td>
                                </tr>
                            </tbody>
                        </table>
                        <a href="#/proyecto/nuevo_patron"><span class="glyphicon glyphicon-plus"></span> Agregar variable</a>
                    </div>
                </form>
                <div class="divider divider-ls pull-in"></div>
                <form class="form-horizontal">
                    <div class="form-group">
                        <label>Usuarios</label>
                         <table class="table table-striped table-responsive">
                            <thead>
                                <tr>
                                    <th><div class="th">
                                        N°
                                        <span class="fa fa-angle-up"
                                              data-ng-click=" order('name') "
                                              data-ng-class="{active: row == 'name'}"></span>
                                        <span class="fa fa-angle-down"
                                              data-ng-click=" order('-name') "
                                              data-ng-class="{active: row == '-name'}"></span>
                                    </div></th>
                                    <th><div class="th">
                                        Nombre
                                        <span class="fa fa-angle-up"
                                              data-ng-click=" order('name') "
                                              data-ng-class="{active: row == 'name'}"></span>
                                        <span class="fa fa-angle-down"
                                              data-ng-click=" order('-name') "
                                              data-ng-class="{active: row == '-name'}"></span>
                                    </div></th>
                                    <th><div class="th">
                                        Estatus
                                        <span class="fa fa-angle-up"
                                              data-ng-click=" order('price') "
                                              data-ng-class="{active: row == 'price'}"></span>
                                        <span class="fa fa-angle-down"
                                              data-ng-click=" order('-price') "
                                              data-ng-class="{active: row == '-price'}"></span>
                                    </div></th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>{{}}</td>
                                    <td>{{}}</td>
                                    <td>{{}}</td>
                            </tbody>
                        </table>
                        <a href="#/usuarios/lista"><span class="glyphicon glyphicon-plus"></span> Agregar Usuario</a>
                    </div>
                </form-->
                <form class="form-horizontal text-center">
                    <div class="form-group">
                        <button class="btn btn-default" ng-click=guardarProyecto(1)><span class="glyphicon glyphicon-floppy-open"></span> Guardar y Agregar Otro</button>
                        <button class="btn btn-default" ng-click=guardarProyecto(0)><span class="glyphicon glyphicon-floppy-disk"></span> Guardar</button>
                        <button class="btn btn-default"><span class="glyphicon glyphicon-remove-circle"></span> Cancelar</button>
                    </div>
                </form>
            </div>
        </div>
    </section>
</div>